@tailwind base;
@tailwind components;
@tailwind utilities;
@import '~react-toastify/dist/ReactToastify.css';
@import './assets/css/antd.min.css';
@import './assets/css/animate.min.css';
@import './assets/css/antd.form.css';

:root {
  --toastify-toast-top: 6rem;
}

* {
  letter-spacing: 0.5px;
}

html {
  scroll-behavior: smooth;
}

a {
  @apply cursor-pointer
}

.footer a {
  @apply text-black;
}

.last-hidden-father:nth-last-child(1) .last-hidden-child {
  @apply hidden;
}

hr {
  @apply bg-[#e6e6e6] h-[1px] my-[10px] border-none
}

.primary-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.primary-scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.85);
}

.primary-scrollbar::-webkit-scrollbar-thumb {
  background-color: #ff9100;
  /* border-radius: 2px; */
}

.primary-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}